<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<form action="提交到这个页面" method="get">
		<!-- 常见type元素  可以展示不同的文本框-->
		<!-- name是表单元素名字 要相同，若要实现性别单选，必须有相同的名字，才能多选1 -->
		<!-- value 自己框框的值，用户只能在文本框中能看到 ，因此value值主要是给后台的人看 -->
		<!-- checked ，主要针对单选按钮和复选框来使用，默认选中 -->
		<!-- maxlength设定输入字符长度 -->


		<!-- text 可以输入文字 -->
		用户名：<input type="text" value="请输入你的用户名" maxlength="16"> <br>

		<!-- password 可以输入看不见的密码 -->
		密 码：<input type="password" value="请输入你的密码" maxlength="16"> <br>

		<!-- radio 单选框 -->
		性 别：男<input type="radio" name="sex" checked="checked" value="男"> 女<input type="radio" name="sex" value="女"> 人妖 <input type="radio"
			name="sex"><br>
			
		<!--  checkbox 复选框 -->
		兴 趣：写代码<input type="checkbox" name="hobby" checked="checked"> 还是写代码<input type="checkbox" name="hobby">
		打豆豆<input type="checkbox" name="hobby"><br>
		
		<!-- 提交按钮，将数据提交给后台 -->
		<input type="submit" value="注册">

		<!-- 重置按钮 -->
		<input type="reset" value="重新填写">

		<!-- 普通按钮，后期结合js来用 -->
		<input type="button" value="获取验证码">

		<!-- 文件按钮，如上传文件，照片等 -->
		<input type="file">
	</form>


	<br> <br>
	<!-- 2021.08.16复习 -->

	<!-- form是表单域 -->
	<form action="demo.php" method="GET" name="test">

		用户名<input type="text" name="username" value="请输入您的姓名"> <br>
		密码<input type="password" name="mima"  value="请输入您的密码"><br>
		<!-- 单选,name是表单元素的名字，多个单选按钮必须有相同的name值才能实现多选一 -->
		性别 女<input type="radio" name="sex" value="女">  男<input type="radio" name="sex" value="男" > <br>
		<!-- 多选 -->
		爱好 打球<input type="checkbox" name="bobby"> 跑步<input type="checkbox" name="bobby">旅行<input type="checkbox" name="bobby"><br>
		<!-- checked 默认选择该按钮， -->
		是否遵循协议 是<input type="radio" checked="checked"> 否<input type="radio">
		<br>
		用户名最大长度<input type="text" maxlength="11">
		<br>
		<input type="submit" value="注册提交"> 	
		<input type="reset" value="重新填写">
		<input type="button" value="普通按钮，可以用来发送验证码">
		<input type="file" value="上传件">
	</form>
		<br>
	
</body>

</html>